*{
    margin:0;
    padding:0;
}
html{
    /* font-size:32vw; */
    height:100%;
}
body{
    font-size:.5333333333333333rem;
    height:100%;
}
.box{
    height:100%;
}
/* 头部 */
.head{
 display: flex;
 width:100%;
 height:40px;
 background-color:rgb(29,105, 255); 
}
/* <!-- 头部左边 --> */
.head_left{
    width:72%;
    height:40px;
    /* background-color: red; */
    display: flex;
    justify-content: center;
    align-items: center;
    color:white;
    font-family: "微软雅黑";
    font-size:20px;
    
}
.head_left>span{
    margin-right: 2.6666666666666665rem;
    box-sizing: border-box;
}
/* 头部右边 */
.head_right{
    width:20%;
    /* background-color: red; */
   

}
.head_right img{
    width:.8rem;
    box-sizing: border-box;
}
.content{
    margin-left:1.8666666666666667rem;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    margin-top:.13333333333333333rem;

}
.load{
    width:35%;
    /* margin-right:-46.875px; */
    }
/* 商品详情 */
/* .product{
 background-color: blue;   
} */
.title{
    font-size:18px;
    font-weight: 800;
    margin-left:12px;
    margin-top:.5333333333333333rem;
    box-sizing: border-box;
}
.text{
    display: flex;
    justify-content:space-around;
    align-items: center;
    margin-top:.21333333333333335rem;
    box-sizing: border-box;
    color:#999;
}
.content1{
    /* background-color: blueviolet; */
    padding-right:.4rem;
    padding-left:.4rem ;
    margin-right:auto;
    margin-left:auto;
}
.content1 img{
height:5.333333333333333rem;
float:right;
}
.content1>p{
    font-size:.4266666666666667rem;
    margin-left:-0.10666666666666667rem;
    box-sizing: border-box;
}
.photo{
    display: flex;
    justify-content: center;
    align-items: center;
}
.photo>img{
    width:100%;
    
}
/* <!-- 城市 --> */
.city{
    width:100%;

}
#disstorck li{
    list-style: none;
    font-size:.48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:.21333333333333335rem;

    flex-direction: column;
}
#disstorck>li>a{
    text-decoration: none;
}
#disstorck>li>a>span{
    display: block;
    width:120px;
    text-align: center;
    border:1px solid #999;
    background-color: rgb(215, 215, 215);
    color:black;
    font-size:14px;

}
#disstorck>li>a>span>strong{
    color:red;
    margin-left:10px;
}

/* 前往购买 */
.buy{
    width:100%;
    height:1.0666666666666667rem;
    /* background-color: antiquewhite; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
    border-top:.02666666666666667rem solid #999;
}
.buy p{
    width:60%;
    height:30px;
    background-color:rgb(29,109,255);
    border-radius: 4px;
    text-align: center;
    line-height:30px;
    font-size:18px;
    color:white;
}
/* 二维码 */
.two{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:.5333333333333333rem;
}
.two img{
    width:80%;
}
/* <!-- 更多信息 --> */
.more{
    width:100%;
    height:40px;
    background-color: rgb(223, 216, 216);
    display: flex;
    justify-content: center;
    align-items: center;
   
}
.more button{
width:60%;
border-radius: 6px;
border:none;
color:rgb(74, 73, 73);
}
/* 评论 */
 

/*<!-- 品牌排行 -->*/
.footer{
    height:30px;
    background-color:rgb(29,109,255);
    font-size:20px;
    color:white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer span{
    margin-left:.26666666666666666rem; 
}
.footer img{
    width:6%;
    margin-right:.26666666666666666rem ;
}
/* 注册 */

.login{
    width:100%;
    height:40px;
    list-style: none;
    display: flex;
    margin-top:.26666666666666666rem;
   
  
}
.login li{
    flex:1;
    border:.02666666666666667rem solid rgb(146, 140, 140);
    color:rgb(146, 140, 140);
    text-align: center;
    line-height:40px;
}
/* 尾部 */
.text{
  margin-top:.26666666666666666rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.text span:nth-of-type(1){
    color:rgb(146, 140, 140);
}

